<template>
    <div class="layout-card">
        <div v-if="$slots.head" class="head">
            <slot 
                name="head"
            ></slot>
        </div>

        <slot></slot>
    </div>
</template>

<style lang="scss" scoped>
    .layout-card{
        padding: 35px 40px;
        border-radius: 6px;
        background: white;
        position: relative;

        & + .layout-card{
            margin-top: 15px;
        }

        .head{
            font-size: 16px;
            color: #333;
            margin-bottom: 1.5em;
            line-height: 1em;
            font-weight: bold;
            cursor: default;
        }
    }
</style>